<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">
/*#previewlist{
    position: absolute;
    left:100%;
}*/
/*.swiper-slide img{
    width: 100%;
}*/

.wrap{
    padding-bottom:.55rem;
}
.message-info{
    padding:15px;
    line-height: 1.2;
    color: inherit;
}
.message-info p{
    text-indent: .2rem;
    margin:.1rem auto;
}
.preview{
    display: block;
    height:.8rem;
    box-shadow: 0 0 2px #ddd;
    margin: .1rem auto;
    border-radius: .02rem;
    font-size: 120%;
    background-color:#f5f5f5;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;

}

.layui-layer-setwin .layui-layer-close2 {

    right: -15px;
    top: -49px;
    z-index: 2;
}
</style>

</head>
<body>

<?php include './inc/pagetitle.html'; ?>

<!-- 
<div id="previewlist" class="swiper-container _bg_light">
    <div class="swiper-wrapper">
        <?php for ($i=1;$i<10;$i++) { ?>
           <div class="swiper-slide" >
                <img src="./../assets/img/notice<?php echo $i%3?>.jpg">
           </div>
        <?php } ?>
    </div>
</div>
 -->

<div class="wrap">

<div class="sectionheader tc">
    <div class="sectiontitle">通知标题</div>
    <div class="sectionsubtitle _text_secondary ">通知摘要</div>
</div>
<div class="line1"></div>
<div class="message-info _text_secondary">
    <p>
       通知内容详细，通知内容详细，通知内容详细， 
       通知内容详细，通知内容详细，通知内容详细， 
       通知内容详细，通知内容详细，通知内容详细， 
       通知内容详细，通知内容详细，通知内容详细， 
    </p>

    <div class="row">
        <div id="imglist" class="form-group" >
            <?php for ($i=1;$i<10;$i++) { ?>
            <!-- 判断图片数量,小等于4用col-xs-6,否则用col-xs-4 -->
            <div class="col-xs-6">
              <a class="preview " href="./../assets/img/notice<?php echo $i%3?>.jpg" style="background-image:url('./../assets/img/notice<?php echo $i%3?>.jpg');"></a>
            </div>
            <?php  } ?>
        </div>
    </div>

</div>
<div class="line1"></div>
<!--底部-->
<div class="listbottom tc op6">我是有底线的~</div>
</div>   

<!-- <?php include './inc/nav.html'; ?> -->

</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){



  // 初始化轮播图
  // var previewlist = new Swiper ('#previewlist', {
  //       autoplay:5000,
  //       autoHeight: true, //高度随内容变化
  //       autoplayDisableOnInteraction:false
  //   } ) ;

  // $('.preview').on('click',function(){
  //        layer.open({
  //          type: 1,
  //          shade: false,
  //          title: false, //不显示标题
  //          content: $('.swiper-container'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
  //          cancel: function(){
  //            layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', {time: 5000, icon:6});
  //          }
  //        });

  // })


})

</script>
</html>